<template>
  <div>
    <p>{{count}}</p>
    <button @click="add">+</button>
    <button @click="minus">-</button>
  </div>
</template>
<script>
export default {
  name:'counter1',
  data(){
    return {count:0};
  },
  methods:{
    add(){
        this.count++;
    },
    minus(){
        this.count--;
    }
  }
}
</script>
<style scoped>
button{
    color:red;
    margin-left:10px;
}
</style>